<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta charset="utf-8">
<title>misaka-mikoto 御坂美琴</title>
<style>
body {
    width: 80%
}
h1 {
    color: #E18393;
    position: relative;
    left: 1em
}
#div-d {
    border-radius: 15px;
    border: 1px solid #000;
    width: 35em;
    height: 18em;
    position: relative;
    left: 1em;
}
h3 {
    position: relative;
    left: 9px;
    color: #E18393;
}
#make-d-1 {
    left: 1em;
    top: 1em;
    height: 7.25em;
}
#make-d-2 {
    left: 18em;
    top: -6.25em;
    height: 7.25em;
}
#make-d-3 {
    left: 1em;
    top: -5.25em;
    height: 7.25em;
}
.d-m {
    border-radius: 15px;
    border: 1px dashed #000;
    width: 16em;
    position: relative;
}
.d-m p {
    position: relative;
    left: 9px;
}
</style>
</head>

<body>
<div>
  <h1>作者</h1>
</div>
<div id="div-d">
  <div id="make-d-1" class="d-m">
    <h3>roll-day</h3>
    <p>贡献：大部分html,css及全部js<br>
      服务器，cos提供</p>
  </div>
  <div id="make-d-2" class="d-m">
    <h3>izumi-Sagiri-love</h3>
    <p>贡献：部分html</p>
  </div>
  <div id="make-d-3" class="d-m">
    <h3>假酒哥</h3>
    <p>贡献：视觉设计</p>
  </div>
</div>
<div>
  <h1 style="color: #E18393">情怀</h1>
  <div style="position: relative;
    left: 1em;">
    <p>我们最初是从 22/8/2 开始做这个网页的，经历了很多，也成长了很多<br>
      最初的作品很简陋，边做边搜资料,功能也比较单一<br>
      后来这些功能也都慢慢地加上了。<br>
      经历了很多，可是这些挫折终究还是过去了<br>
      怎么说呢？算是笑对生活吧<br>
      在项目进行的时候，也认识了一些朋友，也都让我获益匪浅 @yutou1151 @yutou1151<br>
      慢慢地，我的一些现实生活中的朋友也加入了我们 @izumi-Sagiri-love @假酒哥<br>
    </p>
    <p>还在进行 高中的学习，目前打算到23年就关掉服务器，不舍，但是 “高考不考写代码” 目前还会更新的</p>
  </div>
</div>
<p id="main" style="position: relative;
    left: 1em;font-size: 2em">此网站已创立<span></span> </p>
<script type="text/javascript">
                function toDouble(num) {
                        num >= 10 ? num = '' + num : num = '0' + num;
                        return num;
                }
                var main = $$('main'),
                        span = $$('main').getElementsByTagName('span')[0];


                function timer(year, month, day, hour, minute, seconds, elem) {
                        var hour = hour || 0,
                                minute = minute || 0,
                                seconds = seconds || 0;
                        var endTime = new Date();
                        endTime.setFullYear(parseInt(year)),
                                endTime.setMonth(parseInt(month) - 1),
                                endTime.setDate(parseInt(day)),
                                endTime.setHours(parseInt(hour)),
                                endTime.setMinutes(parseInt(minute)),
                                endTime.setSeconds(parseInt(seconds));
                        setTime();
                        setInterval(function() {
                                setTime()
                        }, 1000);

                        function setTime() {
                                var startTime = new Date();
                                var lengthTime = parseInt((startTime.getTime() - endTime.getTime()) / 1000);
                                var lSeconds = parseInt(lengthTime % 60),
                                        lMinute = parseInt((lengthTime / 60) % 60),
                                        lHour = Math.floor((lengthTime / 3600) % 24),
                                        lDay = Math.floor(lengthTime / (24 * 3600));
                                span.innerHTML = lDay + '天' + toDouble(lHour) + '小时' + toDouble(lMinute) + '分钟' + toDouble(lSeconds) + '秒';
                        }
                }

                function $$(id) {
                        return document.getElementById(id);
                }
                timer(2022, 08, 02, 0, 0, 0, span);
        </script>
</body>
</html>